<template>
	<view class="header">
		<view class="logo" @click="backRouter">
			<image src="../../static/img/nav/jiantou.png"></image>
		</view>
		<view class="sewingLine">
			{{ navTitle }}
		</view>
		<view class="sewInfo">
			{{ currentSewLine }}
		</view>
	</view>
</template>

<script>
	import storage from "@/utils/storage.js"
	export default {
		components: {
		},
		props: {
			navTitle: {
				type: String
			},
			currentSewLine: {
				type: String
			}
		},
		data() {
			return {
			};
		},
		onShow() {
		},
		methods: {
			// 路由返回
			backRouter() {
				this.$emit("backRouter")
			}
		}
	}
</script>

<style lang="scss" scoped>
.page{
	// width: 100%;
	// height: 100vh;
	// font-size: 1rem;
	// background: #F5F6F8;
}
.header {
	position: fixed;
	z-index: 9999;
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	// height: 150.094rpx;
	height: 10%;
	background-color: #3E8FF7;
	.logo {
		margin-left: 1%;
		// margin-top: 2%;
		image {
			width: 75.047rpx;
			height: 75.047rpx;
			// height: 84.428rpx;
		}
	}
	.sewingLine {
		color: #ffffff;
		font-size: 1.2rem;
	}
	.sewInfo {
		display: flex;
		width: 20%;
		// margin-top: 1%;
		color: #ffffff;
		font-size: 1.2rem;
	}
}
</style>
